<template>
  <div>
<div class="head-content">
<div class="v-hd2">

</div>
<div class="title1">
  <img src="@/assets/img/左点.png">
  {{title}}
</div>
  <slot name="tag"></slot>

  <div class="mintitle2">

    <div class="youxiaojiantou"></div>

    <slot> </slot>
  </div>



</div>
  </div>
</template>

<script>
export default {
  props:{
    title:{
      type:String,
      default:'标题'
    }
  }

};
</script>

<style  scoped>
html,body{
  padding: 0;
  margin: 0;
  width: 100%;
}

.head-content{
  padding: 0;

  width:740px;
  height: 35px;
  margin-left: 200px;
  border-bottom: 2px solid #C10D0C;

  position: relative;
}
.title1{
  float: left;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  position: absolute;
  left: 60px;
  top:10% ;
}
title1 img{
  width: 10px;
  height: 10px;
}

.mintitle2{
  color: #666;
  font-size: 12px;
position: absolute;
  left: 700px;
  top:38% ;
  
}
.youxiaojiantou{

  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
  word-break: break-word;
  font-style: normal;
  text-align: left;
  font-size: inherit;
  background: url('https://s2.music.126.net/style/web2/img/index/index.png?10d23026003221e3666cf44d6ff088ce') no-repeat 0 9999px;
  background-position: 0 -240px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  vertical-align: middle;


}

</style>